<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<!-- 
		Replace path to template, title, header and body
		with actual data.
	 -->
<ui:composition template="../templates/commonClient.xhtml">
	<ui:define name="pageTitle"></ui:define>
	<ui:define name="pageHeader">Header</ui:define>
		<ui:define name="contenu">
		<div id="myCarousel" class="carousel slide">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner">
				<div class="item active">
					<div class="fill"
						style="background-image: url('http://placehold.it/1900x1080&amp;text=Slide One');"></div>
					<div class="carousel-caption">
						<h1>Nos Slides</h1>
					</div>
				</div>
				<div class="item">
					<div class="fill"
						style="background-image: url('http://placehold.it/1900x1080&amp;text=Slide Two');"></div>
					<div class="carousel-caption">
						<h1>Caption 2</h1>
					</div>
				</div>
				<div class="item">
					<div class="fill"
						style="background-image: url('http://placehold.it/1900x1080&amp;text=Slide Three');"></div>
					<div class="carousel-caption">
						<h1>Caption 3</h1>
					</div>
				</div>
			</div>

			<!-- Controls -->
			<a class="left carousel-control" href="#myCarousel" data-slide="prev">
				<span class="icon-prev"></span>
			</a> <a class="right carousel-control" href="#myCarousel"
				data-slide="next"> <span class="icon-next"></span>
			</a>
		</div>

	</ui:define>
	<ui:define name="container">
		
      <div class="row">
      
        <div class="col-lg-12">
          <h1 class="page-header">Voyage Sélectionné <small>de voyage pack</small></h1>
          <ol class="breadcrumb">
            <li><a href="accueil.jsf">Accueil</a></li>
            <li><a href="index.html">Offres de voyages</a></li>
            <li class="active">Voyage Sélectionné</li>
          </ol>
        </div>

      </div>

      <div class="row">

			<div class="col-lg-8">

				<!-- the actual blog post: title/author/date/content -->
				<hr>
					<p>
						<i class="fa fa-clock-o"></i> Posted on August 24, 2013 at 9:00 PM
						by <a href="#">Start Boostrap</a>
					</p>
					</hr>
					<hr>
						<img src="http://placehold.it/900x300" class="img-responsive"></img>
						</hr>
							<hr>
								<h:inputText value="#{voyageBean.}"  />
					
								
							</hr>
							<button type="submit" class="btn btn-primary">retour</button>
							<button type="submit" class="btn btn-primary">réserver</button>

			</div>

			<div class="col-lg-4">
          <div class="well">
            <h4>Rechercher un Voyage</h4>
            <div class="input-group">
              <input type="text" class="form-control"/>
              <span class="input-group-btn">
                <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-search"></span></button>
              </span>
            </div><!-- /input-group -->
          </div><!-- /well -->
          <div class="well">
            <h4>Mon compte infos</h4>
              
          </div><!-- /well -->
         
        </div>

    </div><!-- /.container -->
	</ui:define>
	<ui:define name="body">
		<form jsfc="h:form" id="Form"></form>
	</ui:define>
</ui:composition>

</html>